<!DOCTYPE html>
<html >
<head>
	<meta charset="UTF-8">
	<script src="F:\b_zhan\js/jquery.min.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
    <meta name="keywords" content="" />
<!-- 	<script src="F:\b_zhan\js/bootstrap.min.js"></script> -->
	<script src="../dist/template.js"></script>
	<script type="text/javascript" src="template.js"></script>

	<title>Weather</title>
	<style>
	    *{margin:0;padding:0;}
		.nav{width:100%;height:65px;background-color:#000;position: relative;}
		#nav_img{position: absolute;left:280px;top:10px;}
		#nav_ul ul{list-style: none;position: absolute;right: 280px;top:25px;}
		#nav_ul ul li{float:left;padding-left: 55px;}
		#nav_ul ul li>a{color: #FFFFFF;font-size:15px;font-weight: normal;text-decoration: none;}
		#region_ul{list-style: none;position: absolute;left: 250px;top:20px;}
        #region_ul li{float: left;padding-left: 10px;}
        #button1{background-color:transparent;color: #fff;height: 28px;line-height:0px;}
        #button2{background-color:transparent;color: #fff;height: 28px;line-height:0px;}
        #li_a_1{background-color:transparent;color: #fff;height: 28px;line-height:0px;}
        #li_a_2{background-color:transparent;color: #fff;height: 28px;line-height:0px;}
        .middle_span{font-weight: normal;color: #fff;padding-left: 10px;}
        .middle_span1{color: #fff;}
        .region_selecet{position: relative;}
        #region_ul{position: absolute;top:50px;}
	</style>
</head>
<body>
	<div class="nav">
		<div id="nav_img">
			<a href="http://www.moji.com/"><img src="F:\MoJiTianQi\img_1/20160817095106.png"/></a>
		</div>
		<div id="nav_ul">
				<ul>
				<li>
					<a href="http://www.moji.com/">首页</a>
				</li>
				<li>
					<a href="F:\MoJiTianQi/tianqi.html">天气</a>
				</li>
				<li>
					<a href="http://tianqi.moji.com/news/index">咨讯</a>
				</li>
				<li>
					<a href="http://mall.moji.com/">商城</a>
				</li>
				<li>
					<a href="http://www.moji.com/mjsoft/">下载</a>
				</li>
				<li>
					<a href="http://www.moji.com/about/">联系我们</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- <nav>
	-->
	<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; " src="http://up.qqjia.com/z/11/tu13231_8.jpg" />
	<div id="region_selecet">
		<ul id="region_ul">
			<li>
				<a href="F:\MoJiTianQi/tianqi.html">
					<button type="button" class="btn btn-default" id="button1">天气</button>
				</a>
				<span class="middle_span">></span>
			</li>
			<li>
				<a href="F:\MoJiTianQi/chengshi.html" >
					<button type="button" class="btn btn-default" id="button2" >中国</button>
				</a>
				<span class="middle_span">></span>
			</li>
			<li>
				<button type="button" class="btn btn-default" id="li_a_1">四川</button>
				<span class="middle_span">></span>
			</li>
		</ul>		
	</div>
	
</body>
<script id="region" type="text/html">
			<li>
				<button type="button" class="btn btn-default" id="li_a_2">{{basic.city}}</button>
			</li>
</script>
  <script >
  // 	$(document).ready(function() {
	 // function loadData(cityId) {
		// $.ajax({
		// 	type: "GET",
		// 	url: "https://api.heweather.com/x3/weather?cityid=CN101010100&key=5803e0c29502456d954b9dbdb0cef806",
		// 	dataType: "json",
		// 	success: function(data) {
		// 		var weatherData = data['HeWeather data service 3.0'][0];
				var data
				{
                   basic :'海盗' ;
				}
				var html = template('region',data);
				document.getElementById('region_ul').innerHTML = html;

			// }

// 		});
// 	}

// });

  </script>
</html>



















<!--

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>print-demo</title>

</head>

<body>
<h1>print</h1>
<script id="test" type="text/html">
{{print a b c d}}
</script>

<script>
// var html = '';
var data = {
	a: 'hello',
	b: 'world',
	c: '!!!',
	d: 'like'
};

var html = template('test', data);
document.write(html);
</script>
</body>
</html> -->